<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta th:include="common/commons :: layui"/>
    <script th:src="@{/js/publicUserList.js}"></script>
    <style type="text/css">
        .layui-table-cell{
            text-align:center;
            height:auto!important;
            white-space:normal;
        }
        .layui-table img{
            max-width: 300px;
        }
    </style>
</head>
<body>
<div class="layui-row">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>
            <span>小区管理</span> <span>></span> <strong>用户管理</strong>
        </legend>
    </fieldset>
</div>
<div class="layui-tab layui-tab-card">
    <div class="layui-form-item">
        <div>
            <label class="layui-form-label">业主姓名</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" id="name"/>
            </div>
        </div>
        <div>
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name='phone' id="phone"/>
            </div>
        </div>
        <div class="layui-input-inline">
            <input class="layui-btn layui-btn-normal  " type="button" id="search" value="查询" onclick="query()"/>
            <input class="layui-btn layui-btn-normal  " type="button" id="clear" value="清空" onclick="clean()"/>
        </div>
    </div>

    <ul class="layui-tab-title" lay-filter="element">
        <li class="layui-this" onclick="change1()">待审核</li>
        <li onclick="change2()">审核通过</li>
        <li onclick="change3()">审核不通过</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <table class="layui-hide" id="auditTable" lay-filter="auditFilter"></table>
        </div>
        <div class="layui-tab-item">
            <table class="layui-hide" id="passTable" lay-filter="passFilter"></table>
        </div>
        <div class="layui-tab-item">
            <table class="layui-hide" id="noPassTable" lay-filter="noPassFilter"></table>
        </div>
    </div>
    <!--  待审核  -->
    <script type="text/html" id="barDemo1">
        <a class="layui-btn layui-btn-xs" lay-event="identityAuth">身份审核</a>
        <a class="layui-btn layui-btn-xs" lay-event="cameraAuth">相机授权</a>
        <a class="layui-btn layui-btn-xs" lay-event="queryAuth">查看相机权限</a>
    </script>
    <!--  审核通过  -->
    <script type="text/html" id="barDemo2">
        <a class="layui-btn layui-btn-xs" lay-event="identityAuth">身份审核</a>
        <a class="layui-btn layui-btn-xs" lay-event="cameraAuth">相机授权</a>
        <a class="layui-btn layui-btn-xs" lay-event="queryAuth">查看相机权限</a>
        <a class="layui-btn layui-btn-xs" lay-event="friendNumber">好友上限</a>
        <!--        <a class="layui-btn layui-btn-xs" lay-event="add">添加黑名单</a>-->
    </script>
    <!--  审核不通过  -->
    <script type="text/html" id="barDemo3">
        <a class="layui-btn layui-btn-xs" lay-event="identityAuth">身份审核</a>
        <a class="layui-btn layui-btn-xs" lay-event="cameraAuth">相机授权</a>
        <a class="layui-btn layui-btn-xs" lay-event="queryAuth">查看相机权限</a>
        <!--        <a class="layui-btn layui-btn-xs" lay-event="add">添加黑名单</a>-->
    </script>
    <!-- 头部工具栏 -->
    <script type="text/html" id="func-export-toolbar">
        <div class="layui-btn-container">
            <button Class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">删除</button>
        </div>
    </script>
    <script type="text/html" id="func-export-toolbar3">
        <div class="layui-btn-container">
            <button Class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del3">删除</button>
        </div>
    </script>
</div>
</body>
</html>